import React, { Component } from 'react';

import "../../static/css/Header.css"
import  Nav from "./nav"

export default class Header extends Component{
    constructor(props){
        super(props);
        this.state = {

        }
    }
    openPanel = ()=>{
    };

    render(){
        return(
            <header className="header ">
                <div className={"container clearfix account-box"}>
                    <div className={"account"}>
                        <ul>
                            <li className={"account-step hover-gree"} onClick={this.openPanel.bind(this)}>登录</li>
                            <li className={"account-step hover-gree clearfix"}>注册</li>
                        </ul>
                    </div>
                </div>
                <div className={"container clearfix"}>
                    <div className="header-title">
                        <a href="">
                            <span>好好学习&nbsp;</span>
                            <span className="top-color">|&nbsp;天天向上</span>
                        </a>
                    </div>
                    <div className="header-nav clearfix">
                        <Nav/>
                    </div>
                </div>
            </header>
        )
    }
}